<template>
	<view class="wrapper">
		<u-navbar :title="$t('user.Encoding')" :autoBack="false" @leftClick="gotoBack" bgColor="#F6F6F6"
			titleStyle="font-weight: 500; color: #000000;" :placeholder="true"></u-navbar>
		<view class="encode-view">
			<image src='@/static/image/user/encoding.png' class="photo" />
			<view class="encode">{{ userInfo.encoding }}</view>
			<view class="content">
				{{$t('user.Encoding-tips')}}
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from "vuex";
	export default {
		computed: {
			...mapState(['userInfo']),
		},
		methods: {
			gotoBack() {
				uni.redirectTo({
					url: '/pagesUser/setting/Setting'
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.wrapper {
		padding: 0upx 60upx;

		.encode-view {
			margin-top: 200upx;
			text-align: center;

			.photo {
				width: 300upx;
				height: 200upx;
			}

			.encode {
				margin-top: 98upx;
				font-size: 34upx;
				font-weight: bold;
				color: #000000;
				opacity: 0.8;
			}

			.content {
				margin-top: 42upx;
				font-size: 24upx;
				font-weight: 400;
				color: #878787;
			}
		}
	}
</style>
